<%--
  Created by IntelliJ IDEA.
  User: xj
  Date: 2020/2/22
  Time: 21:18
  desc:
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!doctype html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Payna - Minimal eCommerce HTML Template</title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">

    <!-- CSS
	============================================ -->

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <!-- Icon Font CSS -->
    <link rel="stylesheet" href="assets/css/vendor/font-awesome.css">
    <link rel="stylesheet" href="assets/css/vendor/themify.css">
    <!-- othres CSS -->
    <link rel="stylesheet" href="assets/css/plugins/animate.css">
    <link rel="stylesheet" href="assets/css/plugins/owl-carousel.css">
    <link rel="stylesheet" href="assets/css/plugins/slick.css">
    <link rel="stylesheet" href="assets/css/plugins/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/plugins/jquery-ui.css">
    <link rel="stylesheet" href="assets/css/plugins/easyzoom.css">
    <link rel="stylesheet" href="assets/css/plugins/select2.min.css">
    <!-- Revolution Slider CSS -->
    <link rel="stylesheet" href="assets/js/revolution/css/settings.css">
    <link rel="stylesheet" href="assets/js/revolution/css/navigation.css">
    <link rel="stylesheet" href="assets/js/revolution/custom-setting.css">

    <link rel="stylesheet" href="assets/css/style.css">

</head>

<body>

<div class="main-wrapper main-wrapper-2">
    <header class="header-area header-padding-1">
        <div class="main-header-wrap transparent-bar">
            <div class="container-fluid">
                <div class="row align-items-center">
                    <div class="col-lg-3">
                        <div class="logo-header-about-wrap">
                            <div class="logo logo-width">
                                <a href="index.html"><img src="assets/images/logo/logo.png" alt="logo"></a>
                            </div>
                            <div class="header-about-icon ml-35">
                                <a class="quickinfo-button-active" href="#"><i class=" ti-align-left "></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 d-flex justify-content-center">
                        <div class="main-menu menu-lh-1">
                            <nav>
                                <ul>
                                    <li><a class="active" href="index.jsp">Home <i class="fa"></i></a>
                                    </li>
                                    <li><a href="#">Shop <i class="fa fa-angle-down"></i></a>
                                        <ul class="mega-menu mega-menu-width2 menu-negative-mrg2">
                                            <li class="mega-menu-sub-width20"><a class="menu-title" href="#">Shop Layout</a>
                                                <ul>
                                                    <li><a href="shop-4col.jsp">Shop 04 Column</a></li>
                                                    <li><a href="#">Shop Mansory</a></li>
                                                    <li><a href="#">Shop Metro Layout</a></li>
                                                    <li><a href="#">Shop Instagram</a></li>
                                                    <li><a href="#">Collection Classic</a></li>
                                                    <li><a href="#">Collection Modern</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-menu-sub-width20"><a class="menu-title" href="#">Product Layout</a>
                                                <ul>
                                                    <li><a href="product-details.jsp">Simple</a></li>
                                                    <li><a href="#">Product Carousel</a></li>
                                                    <li><a href="#">Product Grouped</a></li>
                                                    <li><a href="#">Product Affiliate</a></li>
                                                    <li><a href="#">Product Configurable</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-menu-sub-width20"><a class="menu-title" href="#">Shop Page</a>
                                                <ul>
                                                    <li><a href="cart.jsp">Shopping Cart</a></li>
                                                    <li><a href="checkout.jsp">Check Out</a></li>
                                                    <li><a href="#">My Account</a></li>
                                                    <li><a href="#">Wishlist</a></li>
                                                    <li><a href="#">Compare</a></li>
                                                    <li><a href="#">Order Tracking</a></li>
                                                </ul>
                                            </li>
                                            <li class="mega-menu-sub-width37">
                                                <div class="banner-menu-content-wrap default-overlay">
                                                    <a href="product-details.html"><img src="assets/images/banner/banner-menu.jpg" alt="banner"></a>
                                                    <div class="banner-menu-content">
                                                        <span>你好，夏天 2020</span>
                                                        <h2>New <br>arrival</h2>
                                                    </div>
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="shop-fullwide.html">Collections </a></li>
                                    <li><a href="#">Pages <i class="fa fa-angle-down"></i></a>
                                        <ul class="sub-menu-width">
                                            <li><a href="#">About Us</a></li>
                                            <li><a href="#">Contact Us</a></li>
                                            <li><a href="#">FAQ</a></li>
                                            <li><a href="#">Comming Soon</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="blog.html">Blog <i class="fa fa-angle-down"></i></a>
                                        <ul class="sub-menu-width">
                                            <li><a href="#">Blog Sidebar</a></li>
                                            <li><a href="#">Blog No Sidebar</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#">New Look </a></li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                    <div class="col-lg-3">
                        <div class="lang-cart-search-wrap">
                            <div class="language mr-55">
                                <ul>
                                    <li><a class="active" href="#">English</a></li>
                                    <li><a href="#">Italy</a></li>
                                </ul>
                            </div>
                            <div class="same-style header-search">
                                <a class="search-active" href="#"><i class="ti-search"></i></a>
                            </div>
                            <div class="same-style cart-wrap ml-20">
                                <a href="#" class="cart-active">
                                    <i class=" ti-shopping-cart "></i>
                                    <span class="count-style">2</span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="header-small-mobile header-small-mobile-ptb">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-6">
                        <div class="mobile-logo logo-width">
                            <a href="index.html">
                                <img alt="" src="assets/images/logo/logo.png">
                            </a>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="mobile-header-right-wrap">
                            <div class="same-style cart-wrap">
                                <a href="#" class="cart-active">
                                    <i class=" ti-shopping-cart "></i>
                                    <span class="count-style">2</span>
                                </a>
                            </div>
                            <div class="mobile-off-canvas">
                                <a class="mobile-aside-button" href="#"><i class=" ti-align-left "></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="quickinfo-wrapper-active quickinfo-toggle-left">
        <a class="quickinfo-close"><i class=" ti-close"></i></a>
        <div class="quickinfo-wrap">
            <div class="quickinfo-menu">
                <nav>
                    <ul>
                        <li><a href="about-us.html">About Us</a></li>
                        <li><a href="#">Help Center</a></li>
                        <li><a href="#">Privacy Policy</a></li>
                        <li><a href="#">Contact Us</a></li>
                    </ul>
                </nav>
            </div>
            <div class="quickinfo-banner default-overlay">
                <a href="#"><img src="assets/images/banner/quick-info-banner.jpg" alt="quick-info"></a>
                <div class="quickinfo-banner-content">
                    <h3>new</h3>
                </div>
            </div>
            <div class="quickinfo-address">
                <ul>
                    <li>(+612) 2531 5600 </li>
                    <li><a href="#">info@example.com </a></li>
                    <li>PO Box 1622 Colins Street West <br>Victoria 8077 Australia</li>
                </ul>
            </div>
            <div class="quickinfo-map-link">
                <a href="#">Google map</a>
            </div>
            <div class="quickinfo-social">
                <ul>
                    <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                    <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                    <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                    <li><a href="#"><i class="fa fa-behance"></i></a></li>
                    <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                </ul>
            </div>
            <div class="quickinfo-payment">
                <img src="assets/images/icon-img/payment-info.png" alt="payment">
            </div>
            <div class="quickinfo-copyright">
                <p>© 2019 <a href="#">Payna</a> Shop. All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">bootstrapMB</a></p>
            </div>
        </div>
    </div>
    <div class="mobile-off-canvas-active">
        <a class="mobile-aside-close"><i class="ti-close"></i></a>
        <div class="header-mobile-aside-wrap">
            <div class="mobile-search">
                <form class="search-form" action="#">
                    <input type="text" placeholder="Search entire store…">
                    <button class="button-search"><i class="ti-search"></i></button>
                </form>
            </div>
            <div class="mobile-menu-wrap">
                <!-- mobile menu start -->
                <div class="mobile-navigation">
                    <!-- mobile menu navigation start -->
                    <nav>
                        <ul class="mobile-menu">
                            <li class="menu-item-has-children"><a href="index.html">Home</a>
                                <ul class="dropdown">
                                    <li class="menu-item-has-children"><a href="#">Demo Group 01</a>
                                        <ul class="dropdown">
                                            <li><a href="index.html">Home 01</a></li>
                                            <li><a href="index-2.html">Home 02</a></li>
                                            <li><a href="index-3.html">Home 03</a></li>
                                            <li><a href="index-4.html">Home 04</a></li>
                                            <li><a href="index-5.html">Home 05</a></li>
                                            <li><a href="index-6.html">Home 06</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Demo Group 02</a>
                                        <ul class="dropdown">
                                            <li><a href="index-7.html">Home 07</a></li>
                                            <li><a href="index-8.html">Home 08</a></li>
                                            <li><a href="index-9.html">Home 09</a></li>
                                            <li><a href="index-10.html">Home 10</a></li>
                                            <li><a href="index-11.html">Home 11</a></li>
                                            <li><a href="index-12.html">Home 12</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Demo Group 03</a>
                                        <ul class="dropdown">
                                            <li><a href="index-13.html">Home 13</a></li>
                                            <li><a href="index-14.html">Home 14</a></li>
                                            <li><a href="index-15.html">Home 15</a></li>
                                            <li><a href="index-16.html">Home 16</a></li>
                                            <li><a href="index-17.html">Home 17</a></li>
                                            <li><a href="index-18.html">Home 18</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children "><a href="shop-fullwide.html">shop</a>
                                <ul class="dropdown">
                                    <li class="menu-item-has-children"><a href="#">Shop Layout</a>
                                        <ul class="dropdown">
                                            <li><a href="shop-fullwide.html">Shop Fullwidth</a></li>
                                            <li><a href="shop-sidebar.html">Shop Sidebar</a></li>
                                            <li><a href="shop-3col.html">Shop 03 Column</a></li>
                                            <li><a href="shop-4col.html">Shop 04 Column</a></li>
                                            <li><a href="shop-masonry.html">Shop Mansory</a></li>
                                            <li><a href="shop-metro.html">Shop Metro Layout</a></li>
                                            <li><a href="shop-instagram.html">Shop Instagram</a></li>
                                            <li><a href="shop-collection-classic.html">Collection Classic</a></li>
                                            <li><a href="shop-collection-modern.html">Collection Modern</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Product Layout</a>
                                        <ul class="dropdown">
                                            <li><a href="product-details.html">Simple 01</a></li>
                                            <li><a href="product-details-2.html">Simple 02</a></li>
                                            <li><a href="product-details-3.html">Simple 03</a></li>
                                            <li><a href="product-details-carousel.html">Product Carousel</a></li>
                                            <li><a href="product-details-grouped.html">Product Grouped</a></li>
                                            <li><a href="product-details-affiliate.html">Product Affiliate</a></li>
                                            <li><a href="product-details-configurable.html">Product Configurable</a></li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children"><a href="#">Shop Page </a>
                                        <ul class="dropdown">
                                            <li><a href="cart.html">Shopping Cart</a></li>
                                            <li><a href="checkout.html">Check Out</a></li>
                                            <li><a href="my-account.html">My Account</a></li>
                                            <li><a href="wishlist.html">Wishlist</a></li>
                                            <li><a href="compare.html">Compare</a></li>
                                            <li><a href="order-tracking.html">Order Tracking</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children"><a href="#">Pages</a>
                                <ul class="dropdown">
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="contact-us.html">Contact Us</a></li>
                                    <li><a href="faq.html">FAQ</a></li>
                                    <li><a href="comming-soon.html">Comming Soon</a></li>
                                    <li><a href="404.html">Page 404</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children "><a href="blog.html">Blog</a>
                                <ul class="dropdown">
                                    <li><a href="blog.html">Blog Sidebar</a></li>
                                    <li><a href="blog-no-sidebar.html">Blog No Sidebar</a></li>
                                    <li><a href="blog-3col.html">Blog 03 Columns</a></li>
                                    <li><a href="blog-masonry.html">Blog Mansory</a></li>
                                    <li class="menu-item-has-children"><a href="#">Single Post</a>
                                        <ul class="dropdown">
                                            <li><a href="blog-details.html">Single Post 01</a></li>
                                            <li><a href="blog-details-2.html">Single Post 02</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li><a href="contact-us.html">Contact us</a></li>
                        </ul>
                    </nav>
                    <!-- mobile menu navigation end -->
                </div>
                <!-- mobile menu end -->
            </div>
            <div class="mobile-curr-lang-wrap">
                <div class="single-mobile-curr-lang">
                    <a class="mobile-language-active" href="#">Language <i class="fa fa-angle-down"></i></a>
                    <div class="lang-curr-dropdown lang-dropdown-active">
                        <ul>
                            <li><a href="#">English (US)</a></li>
                            <li><a href="#">English (UK)</a></li>
                            <li><a href="#">Spanish</a></li>
                        </ul>
                    </div>
                </div>
                <div class="single-mobile-curr-lang">
                    <a class="mobile-currency-active" href="#">Currency <i class="fa fa-angle-down"></i></a>
                    <div class="lang-curr-dropdown curr-dropdown-active">
                        <ul>
                            <li><a href="#">USD</a></li>
                            <li><a href="#">EUR</a></li>
                            <li><a href="#">Real</a></li>
                            <li><a href="#">BDT</a></li>
                        </ul>
                    </div>
                </div>
                <div class="single-mobile-curr-lang">
                    <a class="mobile-account-active" href="#">My Account <i class="fa fa-angle-down"></i></a>
                    <div class="lang-curr-dropdown account-dropdown-active">
                        <ul>
                            <li><a href="#">Login</a></li>
                            <li><a href="#">Creat Account</a></li>
                            <li><a href="my-account.html">My Account</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="mobile-social-wrap">
                <a class="facebook" href="#"><i class="ti-facebook"></i></a>
                <a class="twitter" href="#"><i class="ti-twitter-alt"></i></a>
                <a class="pinterest" href="#"><i class="ti-pinterest"></i></a>
                <a class="instagram" href="#"><i class="ti-instagram"></i></a>
                <a class="google" href="#"><i class="ti-google"></i></a>
            </div>
        </div>
    </div>
    <!-- search start -->
    <div class="search-content-wrap main-search-active">
        <a class="search-close"><i class=" ti-close "></i></a>
        <div class="search-content">
            <p>Start typing and press Enter to search</p>
            <form class="search-form" action="#">
                <input type="text" placeholder="Search">
                <button class="button-search"><i class="ti-search"></i></button>
            </form>
        </div>
    </div>
    <!-- mini cart start -->
    <div class="sidebar-cart-active">
        <div class="sidebar-cart-all">
            <a class="cart-close" href="#"><i class=" ti-close"></i></a>
            <div class="cart-content">
                <h3>Shopping Cart</h3>
                <ul>
                    <li class="single-product-cart">
                        <div class="cart-img">
                            <a href="#"><img src="assets/images/cart/cart-1.jpg" alt=""></a>
                        </div>
                        <div class="cart-title">
                            <h4><a href="#">High Collar Jacket</a></h4>
                            <span>1 × $50.00</span>
                        </div>
                        <div class="cart-delete">
                            <a href="#">×</a>
                        </div>
                    </li>
                    <li class="single-product-cart">
                        <div class="cart-img">
                            <a href="#"><img src="assets/images/cart/cart-2.jpg" alt=""></a>
                        </div>
                        <div class="cart-title">
                            <h4><a href="#">Long shirt dress</a></h4>
                            <span>2 × $29.00</span>
                        </div>
                        <div class="cart-delete">
                            <a href="#">×</a>
                        </div>
                    </li>
                </ul>
                <div class="cart-total">
                    <h4>Subtotal: <span>$150.00</span></h4>
                </div>
                <div class="cart-checkout-btn">
                    <a class="btn-hover cart-btn-style" href="cart.html">view cart</a>
                    <a class="no-mrg btn-hover cart-btn-style" href="checkout.html">checkout</a>
                </div>
            </div>
        </div>
    </div>

    <div class="breadcrumb-area bg-gray-2 section-padding-1 pt-200 pb-120">
        <div class="container-fluid">
            <div class="breadcrumb-content text-center">
                <div class="breadcrumb-title">
                    <h2>Checkout</h2>
                </div>
                <ul>
                    <li>
                        <a href="index.html">Home </a>
                    </li>
                    <li><span> > </span></li>
                    <li class="active">Checkout</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- checkout start -->
    <div class="checkout-main-area pt-100 pb-100">
        <div class="container">
            <div class="customer-zone mb-30">
                <p class="cart-page-title">Have a coupon? <a class="checkout-click" href="#">Click here to enter your code</a></p>
                <div class="checkout-login-info">
                    <p>If you have a coupon code, please apply it below.</p>
                    <form action="#">
                        <input type="text" placeholder="Coupon code">
                        <input type="submit" value="Apply Coupon">
                    </form>
                </div>
            </div>

            <div class="checkout-wrap">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="billing-info-wrap mr-100">
                            <h3>Billing Details</h3>
                            <div class="row">
                                <div class="col-lg-6 col-md-6">
                                    <div class="billing-info mb-25">
                                        <label>First name <abbr class="required" title="required">*</abbr></label>
                                        <input type="text">
                                    </div>
                                </div>
                                <div class="col-lg-6 col-md-6">
                                    <div class="billing-info mb-25">
                                        <label>Last name <abbr class="required" title="required">*</abbr></label>
                                        <input type="text">
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="billing-info mb-25">
                                        <label>Company name (optional) <abbr class="required" title="required">*</abbr></label>
                                        <input type="text">
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="billing-select mb-25">
                                        <label>Country <abbr class="required" title="required">*</abbr></label>
                                        <select class="select-active">
                                            <option>Azerbaijan</option>
                                            <option>Bahamas</option>
                                            <option>Bahrain</option>
                                            <option>Bangladesh</option>
                                            <option>Barbados</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="billing-info mb-25">
                                        <label>Street address <abbr class="required" title="required">*</abbr></label>
                                        <input class="billing-address" placeholder="House number and street name" type="text">
                                        <input placeholder="Apartment, suite, unit etc. (optional)" type="text">
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="billing-info mb-25">
                                        <label>Town / City <abbr class="required" title="required">*</abbr></label>
                                        <input type="text">
                                    </div>
                                </div>
                                <div class="col-lg-12">
                                    <div class="billing-select mb-25">
                                        <label>District <abbr class="required" title="required">*</abbr></label>
                                        <select class="select-active">
                                            <option>Azerbaijan</option>
                                            <option>Bahamas</option>
                                            <option>Bahrain</option>
                                            <option>Bangladesh</option>
                                            <option>Barbados</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12">
                                    <div class="billing-info mb-25">
                                        <label>Postcode / ZIP (optional) <abbr class="required" title="required">*</abbr></label>
                                        <input type="text">
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12">
                                    <div class="billing-info mb-25">
                                        <label>Phone <abbr class="required" title="required">*</abbr></label>
                                        <input type="text">
                                    </div>
                                </div>
                                <div class="col-lg-12 col-md-12">
                                    <div class="billing-info mb-25">
                                        <label>Email Address <abbr class="required" title="required">*</abbr></label>
                                        <input type="text">
                                    </div>
                                </div>
                            </div>
                            <div class="additional-info-wrap">
                                <h3>Additional information</h3>
                                <label>Order notes (optional)</label>
                                <textarea placeholder="Notes about your order, e.g. special notes for delivery. " name="message"></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="your-order-area">
                            <h3>Your order</h3>
                            <div class="your-order-wrap gray-bg-4">
                                <div class="your-order-info-wrap">
                                    <div class="your-order-info">
                                        <ul>
                                            <li>Product <span>Total</span></li>
                                        </ul>
                                    </div>
                                    <div class="your-order-middle">
                                        <ul>
                                            <li>Product Name X 1 <span>$329 </span></li>
                                            <li>Product Name X 1 <span>$329 </span></li>
                                        </ul>
                                    </div>
                                    <div class="your-order-info order-subtotal">
                                        <ul>
                                            <li>Subtotal <span>$329 </span></li>
                                        </ul>
                                    </div>
                                    <div class="your-order-info order-total">
                                        <ul>
                                            <li>Total <span>£273.00 </span></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="payment-method">
                                    <h5>Direct Bank Transfer</h5>
                                    <p>Make your payment directly into our bank account. Please use your Order ID as the payment reference. Your order will not be shipped until the funds have cleared in our account.</p>
                                </div>
                                <div class="condition-wrap">
                                    <p>Your personal data will be used to process your order, support your experience throughout this website, and for other purposes described in our <a href="#">privacy policy</a></p>
                                    <div class="condition-form mb-25">
                                        <input type="checkbox">
                                        <span>I have read and agree to the website <a href="#">terms and conditions</a><span class="star">*</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="Place-order mt-30">
                                <a href="#">Place Order</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- checkout end -->
    <footer class="footer-area section-padding-1 bg-black pt-70">
        <div class="container-fluid">
            <div class="row">
                <div class="footer-column footer-width-32">
                    <div class="footer-widget mb-40">
                        <div class="footer-about">
                            <div class="footer-logo">
                                <a href="index.html"><img src="assets/images/logo/logo-white.png" alt="logo"></a>
                            </div>
                            <div class="footer-info">
                                <ul>
                                    <li><a href="#"> info@example.com </a></li>
                                    <li> +54.854.854.6666 </li>
                                    <li> 035 Virginia Plaza Suite 331 </li>
                                </ul>
                            </div>
                            <div class="footer-social">
                                <ul>
                                    <li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>
                                    <li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
                                    <li><a class="youtube" href="#"><i class="fa fa-youtube"></i></a></li>
                                    <li><a class="dribbble" href="#"><i class="fa fa-dribbble"></i></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-column footer-width-12">
                    <div class="footer-widget mb-40">
                        <div class="footer-title">
                            <h3>COMPANY</h3>
                        </div>
                        <div class="footer-list">
                            <ul>
                                <li><a href="#">Help</a></li>
                                <li><a href="#">Returns</a></li>
                                <li><a href="#">Gift voucher</a></li>
                                <li><a href="#">Affiliate</a></li>
                                <li><a href="#">Work for Payna</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="footer-column footer-width-12">
                    <div class="footer-widget mb-40">
                        <div class="footer-title">
                            <h3>USERFUL</h3>
                        </div>
                        <div class="footer-list">
                            <ul>
                                <li><a href="#">About Us</a></li>
                                <li><a href="#">Services</a></li>
                                <li><a href="#">Press</a></li>
                                <li><a href="#">Terms & Conditions</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="footer-column footer-width-12">
                    <div class="footer-widget mb-40">
                        <div class="footer-title">
                            <h3>QUICKLINKS</h3>
                        </div>
                        <div class="footer-list">
                            <ul>
                                <li><a href="#">The Collections</a></li>
                                <li><a href="#">Size Guide</a></li>
                                <li><a href="#">Compare</a></li>
                                <li><a href="#">My Account</a></li>
                                <li><a href="#">My Account</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="footer-column footer-width-31">
                    <div class="footer-widget subscribe-right mb-40">
                        <div class="footer-title">
                            <h3>JOIN OUR NEWSLETTER</h3>
                        </div>
                        <div id="mc_embed_signup" class="subscribe-form mt-20">
                            <form id="mc-embedded-subscribe-form" class="validate subscribe-form-style" novalidate="" target="_blank" name="mc-embedded-subscribe-form" method="post" action="http://devitems.us11.list-manage.com/subscribe/post?u=6bbb9b6f5827bd842d9640c82&amp;id=05d85f18ef">
                                <div id="mc_embed_signup_scroll" class="mc-form">
                                    <input class="email" type="email" required="" placeholder="Enter your email address..." name="EMAIL" value="">
                                    <div class="mc-news" aria-hidden="true">
                                        <input type="text" value="" tabindex="-1" name="b_6bbb9b6f5827bd842d9640c82_05d85f18ef">
                                    </div>
                                    <div class="clear">
                                        <input id="mc-embedded-subscribe" class="button" type="submit" name="subscribe" value="Subscribe">
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyright text-center pt-25 pb-10">
                <p>© Payna Store All rights <a href="index.jsp" title="bootstrapmb">bootstrapMB</a> </p>
            </div>
        </div>
    </footer>
    <div class="support-lists">
        <ul>
            <li><a href="#"><i class=" ti-comments "></i></a></li>
            <li><a href="#"><i class=" ti-headphone-alt "></i></a></li>
            <li><a href="#"><i class=" ti-email "></i></a></li>
        </ul>
    </div>
</div>

<!-- JS
============================================ -->

<!-- Modernizer JS -->
<script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
<!-- Modernizer JS -->
<script src="assets/js/vendor/jquery-3.3.1.min.js"></script>
<!-- Popper JS -->
<script src="assets/js/vendor/popper.js"></script>
<!-- Bootstrap JS -->
<script src="assets/js/vendor/bootstrap.min.js"></script>
<!-- Revolution Slider JS -->
<script src="assets/js/revolution/js/jquery.themepunch.revolution.min.js"></script>
<script src="assets/js/revolution/js/jquery.themepunch.tools.min.js"></script>
<script src="assets/js/revolution/revolution-active.js"></script>
<!-- SLIDER REVOLUTION 5.0 EXTENSIONS  (Load Extensions only on Local File Systems !  The following part can be removed on Server for On Demand Loading) -->
<script src="assets/js/revolution/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.actions.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.migration.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="assets/js/revolution/js/extensions/revolution.extension.video.min.js"></script>
<!-- Others JS -->
<!--<script src="assets/js/plugins/instafeed.js"></script>-->
<script src="assets/js/plugins/jquery-ui.js"></script>
<script src="assets/js/plugins/jquery-ui-touch-punch.js"></script>
<script src="assets/js/plugins/magnific-popup.js"></script>
<script src="assets/js/plugins/owl-carousel.js"></script>
<script src="assets/js/plugins/slick.js"></script>
<script src="assets/js/plugins/parallax.js"></script>
<script src="assets/js/plugins/paraxify.js"></script>
<script src="assets/js/plugins/countdown.js"></script>
<script src="assets/js/plugins/scrollup.js"></script>
<script src="assets/js/plugins/images-loaded.js"></script>
<script src="assets/js/plugins/isotope.js"></script>
<script src="assets/js/plugins/easyzoom.js"></script>
<script src="assets/js/plugins/sticky-sidebar.js"></script>
<script src="assets/js/plugins/tilt.js"></script>
<script src="assets/js/plugins/select2.min.js"></script>
<script src="assets/js/plugins/wow.js"></script>
<!-- Main JS -->
<script src="assets/js/main.js"></script>

</body>

</html>